<!DOCTYPE html>
<html>
<head>
  <style>
    #vis.vega-embed {
      width: 100%;
      display: flex;
    }

    #vis.vega-embed details,
    #vis.vega-embed details summary {
      position: relative;
    }
  </style>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega@5"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-lite@5.8.0"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
</head>
<body>
  <div id="vis"></div>
  <script>
    (function(vegaEmbed) {
      var spec = {"config": {"view": {"continuousWidth": 300, "continuousHeight": 300, "strokeWidth": 0}, "axis": {"grid": false}}, "data": {"name": "data-3952fb213194eb66216b7094c661bf77"}, "mark": {"type": "point", "size": 25}, "encoding": {"color": {"field": "Product", "legend": {"direction": "horizontal", "legendX": 100.0, "legendY": 350, "orient": "none", "title": null}, "scale": {"range": ["black", "lightgray"]}, "type": "nominal"}, "fill": {"field": "Product", "scale": {"range": ["black", "lightgray"]}, "type": "nominal"}, "tooltip": [{"field": "Product", "type": "nominal"}, {"field": "Sales", "type": "quantitative"}, {"field": "Reviews", "type": "quantitative"}], "x": {"field": "Sales", "type": "quantitative"}, "y": {"field": "Reviews", "type": "quantitative"}}, "height": 300, "width": 300, "$schema": "https://vega.github.io/schema/vega-lite/v5.8.0.json", "datasets": {"data-3952fb213194eb66216b7094c661bf77": [{"Date": "2023-07-23", "Product": "Product A", "Sales": 257, "Reviews": 111, "Ranking": 1.54}, {"Date": "2023-07-27", "Product": "Product A", "Sales": 385, "Reviews": 105, "Ranking": 3.61}, {"Date": "2023-07-02", "Product": "Product A", "Sales": 628, "Reviews": 112, "Ranking": 4.19}, {"Date": "2023-08-03", "Product": "Product A", "Sales": 204, "Reviews": 167, "Ranking": 4.55}, {"Date": "2023-07-29", "Product": "Product A", "Sales": 990, "Reviews": 89, "Ranking": 3.43}, {"Date": "2023-07-13", "Product": "Product A", "Sales": 231, "Reviews": 39, "Ranking": 2.85}, {"Date": "2023-08-01", "Product": "Product A", "Sales": 625, "Reviews": 132, "Ranking": 3.38}, {"Date": "2023-07-12", "Product": "Product A", "Sales": 359, "Reviews": 37, "Ranking": 4.94}, {"Date": "2023-07-22", "Product": "Product A", "Sales": 746, "Reviews": 136, "Ranking": 3.0}, {"Date": "2023-07-27", "Product": "Product A", "Sales": 97, "Reviews": 11, "Ranking": 1.99}, {"Date": "2023-07-03", "Product": "Product A", "Sales": 698, "Reviews": 122, "Ranking": 4.94}, {"Date": "2023-07-21", "Product": "Product A", "Sales": 719, "Reviews": 146, "Ranking": 2.66}, {"Date": "2023-07-24", "Product": "Product A", "Sales": 698, "Reviews": 133, "Ranking": 3.82}, {"Date": "2023-07-21", "Product": "Product A", "Sales": 436, "Reviews": 74, "Ranking": 4.84}, {"Date": "2023-07-18", "Product": "Product A", "Sales": 125, "Reviews": 82, "Ranking": 3.25}, {"Date": "2023-07-13", "Product": "Product A", "Sales": 883, "Reviews": 100, "Ranking": 2.3}, {"Date": "2023-07-07", "Product": "Product A", "Sales": 829, "Reviews": 179, "Ranking": 4.32}, {"Date": "2023-07-17", "Product": "Product A", "Sales": 379, "Reviews": 97, "Ranking": 4.01}, {"Date": "2023-07-12", "Product": "Product A", "Sales": 861, "Reviews": 64, "Ranking": 1.32}, {"Date": "2023-08-07", "Product": "Product A", "Sales": 439, "Reviews": 22, "Ranking": 1.06}, {"Date": "2023-07-21", "Product": "Product A", "Sales": 231, "Reviews": 176, "Ranking": 4.39}, {"Date": "2023-08-04", "Product": "Product A", "Sales": 785, "Reviews": 22, "Ranking": 4.25}, {"Date": "2023-07-14", "Product": "Product A", "Sales": 520, "Reviews": 74, "Ranking": 2.79}, {"Date": "2023-07-17", "Product": "Product A", "Sales": 410, "Reviews": 10, "Ranking": 1.12}, {"Date": "2023-07-25", "Product": "Product A", "Sales": 695, "Reviews": 24, "Ranking": 1.93}, {"Date": "2023-07-26", "Product": "Product A", "Sales": 140, "Reviews": 85, "Ranking": 2.13}, {"Date": "2023-07-13", "Product": "Product A", "Sales": 443, "Reviews": 139, "Ranking": 1.05}, {"Date": "2023-07-19", "Product": "Product A", "Sales": 966, "Reviews": 118, "Ranking": 2.22}, {"Date": "2023-07-02", "Product": "Product A", "Sales": 515, "Reviews": 55, "Ranking": 2.52}, {"Date": "2023-07-18", "Product": "Product A", "Sales": 932, "Reviews": 119, "Ranking": 2.82}, {"Date": "2023-08-02", "Product": "Product A", "Sales": 257, "Reviews": 138, "Ranking": 3.35}, {"Date": "2023-07-11", "Product": "Product A", "Sales": 69, "Reviews": 64, "Ranking": 4.28}, {"Date": "2023-08-08", "Product": "Product A", "Sales": 234, "Reviews": 170, "Ranking": 4.01}, {"Date": "2023-08-02", "Product": "Product A", "Sales": 875, "Reviews": 90, "Ranking": 4.01}, {"Date": "2023-07-21", "Product": "Product A", "Sales": 362, "Reviews": 97, "Ranking": 1.78}, {"Date": "2023-07-04", "Product": "Product A", "Sales": 808, "Reviews": 98, "Ranking": 2.39}, {"Date": "2023-08-06", "Product": "Product A", "Sales": 742, "Reviews": 175, "Ranking": 2.8}, {"Date": "2023-07-30", "Product": "Product A", "Sales": 356, "Reviews": 79, "Ranking": 4.08}, {"Date": "2023-07-11", "Product": "Product A", "Sales": 877, "Reviews": 174, "Ranking": 4.82}, {"Date": "2023-07-23", "Product": "Product A", "Sales": 214, "Reviews": 109, "Ranking": 4.77}, {"Date": "2023-07-07", "Product": "Product B", "Sales": 718, "Reviews": 66, "Ranking": 1.55}, {"Date": "2023-08-05", "Product": "Product B", "Sales": 733, "Reviews": 140, "Ranking": 4.34}, {"Date": "2023-07-13", "Product": "Product B", "Sales": 876, "Reviews": 10, "Ranking": 2.98}, {"Date": "2023-08-03", "Product": "Product B", "Sales": 709, "Reviews": 87, "Ranking": 2.98}, {"Date": "2023-08-09", "Product": "Product B", "Sales": 344, "Reviews": 14, "Ranking": 1.63}, {"Date": "2023-07-06", "Product": "Product B", "Sales": 814, "Reviews": 9, "Ranking": 3.74}, {"Date": "2023-07-17", "Product": "Product B", "Sales": 662, "Reviews": 22, "Ranking": 3.29}, {"Date": "2023-07-24", "Product": "Product B", "Sales": 282, "Reviews": 119, "Ranking": 4.3}, {"Date": "2023-07-02", "Product": "Product B", "Sales": 989, "Reviews": 137, "Ranking": 2.14}, {"Date": "2023-08-07", "Product": "Product B", "Sales": 129, "Reviews": 143, "Ranking": 3.52}, {"Date": "2023-07-08", "Product": "Product B", "Sales": 459, "Reviews": 56, "Ranking": 1.5}, {"Date": "2023-08-09", "Product": "Product B", "Sales": 942, "Reviews": 82, "Ranking": 3.61}, {"Date": "2023-07-01", "Product": "Product B", "Sales": 847, "Reviews": 15, "Ranking": 4.87}, {"Date": "2023-07-28", "Product": "Product B", "Sales": 942, "Reviews": 176, "Ranking": 4.09}, {"Date": "2023-07-20", "Product": "Product B", "Sales": 218, "Reviews": 21, "Ranking": 1.2}, {"Date": "2023-07-26", "Product": "Product B", "Sales": 606, "Reviews": 119, "Ranking": 4.25}, {"Date": "2023-07-01", "Product": "Product B", "Sales": 465, "Reviews": 115, "Ranking": 1.73}, {"Date": "2023-07-12", "Product": "Product B", "Sales": 133, "Reviews": 20, "Ranking": 2.11}, {"Date": "2023-07-18", "Product": "Product B", "Sales": 405, "Reviews": 170, "Ranking": 4.27}, {"Date": "2023-07-06", "Product": "Product B", "Sales": 424, "Reviews": 101, "Ranking": 4.07}, {"Date": "2023-08-07", "Product": "Product B", "Sales": 452, "Reviews": 38, "Ranking": 4.45}, {"Date": "2023-07-14", "Product": "Product B", "Sales": 826, "Reviews": 124, "Ranking": 2.98}, {"Date": "2023-08-07", "Product": "Product B", "Sales": 663, "Reviews": 89, "Ranking": 2.73}, {"Date": "2023-07-13", "Product": "Product B", "Sales": 444, "Reviews": 18, "Ranking": 2.36}, {"Date": "2023-07-12", "Product": "Product B", "Sales": 922, "Reviews": 129, "Ranking": 3.97}, {"Date": "2023-07-08", "Product": "Product B", "Sales": 665, "Reviews": 70, "Ranking": 2.06}, {"Date": "2023-07-31", "Product": "Product B", "Sales": 796, "Reviews": 65, "Ranking": 2.66}, {"Date": "2023-07-06", "Product": "Product B", "Sales": 84, "Reviews": 19, "Ranking": 2.74}, {"Date": "2023-07-08", "Product": "Product B", "Sales": 110, "Reviews": 50, "Ranking": 4.12}, {"Date": "2023-07-24", "Product": "Product B", "Sales": 479, "Reviews": 127, "Ranking": 1.11}, {"Date": "2023-07-08", "Product": "Product B", "Sales": 716, "Reviews": 111, "Ranking": 4.61}, {"Date": "2023-07-15", "Product": "Product B", "Sales": 291, "Reviews": 142, "Ranking": 3.13}, {"Date": "2023-07-08", "Product": "Product B", "Sales": 539, "Reviews": 103, "Ranking": 1.1}, {"Date": "2023-07-18", "Product": "Product B", "Sales": 981, "Reviews": 177, "Ranking": 2.68}, {"Date": "2023-07-28", "Product": "Product B", "Sales": 520, "Reviews": 159, "Ranking": 2.77}, {"Date": "2023-08-04", "Product": "Product B", "Sales": 444, "Reviews": 109, "Ranking": 4.04}, {"Date": "2023-08-07", "Product": "Product B", "Sales": 994, "Reviews": 26, "Ranking": 3.22}, {"Date": "2023-07-24", "Product": "Product B", "Sales": 268, "Reviews": 171, "Ranking": 3.27}, {"Date": "2023-07-16", "Product": "Product B", "Sales": 81, "Reviews": 98, "Ranking": 3.82}, {"Date": "2023-08-03", "Product": "Product B", "Sales": 778, "Reviews": 135, "Ranking": 4.4}]}};
      var embedOpt = {"mode": "vega-lite"};

      function showError(el, error){
          el.innerHTML = ('<div style="color:red;">'
                          + '<p>JavaScript Error: ' + error.message + '</p>'
                          + "<p>This usually means there's a typo in your chart specification. "
                          + "See the javascript console for the full traceback.</p>"
                          + '</div>');
          throw error;
      }
      const el = document.getElementById('vis');
      vegaEmbed("#vis", spec, embedOpt)
        .catch(error => showError(el, error));
    })(vegaEmbed);

  </script>
</body>
</html>